<template>
    <el-row :gutter="6" style="width:100%; overflow:hidden; overflow-x:hidden;">
        <el-col :span="4">
        <div class="sideNav-container">
            <my-tabX :configs="qualityconfigs"></my-tabX>
        </div>
        </el-col>
        <el-col class="mainCont" :span="20">
            <router-view></router-view>
        </el-col>
    </el-row>
</template>

<script>
import myTabX from '@/components/base/tabX';

export default {
    components:{myTabX},
    data() {
      return {
        qualityconfigs: {
          menulist: this.$store.state.m_menu.menuInfo[2].children,
        }
      };
    },
};
</script>

<style lang="less" scoped>
.el-row {
  height: 100%;
  .el-col {
    height: 100%;
    [class*="-container"] {
      width: calc(~"100% - 8px");
      height: calc(~"100% - 6px");
    }
  }
} 
</style>